// 如何在 webpack 构建的项目中，使用 Vue 进行开发
// 注意：在webpack中，使用 import Vue from 'vue'导入的Vue构造函数 功能不完整，只提供了runtime-only的方式

import Vue from 'vue'
// import Vue from '../node_modules/vue/dist/vue.js'
// 回顾包的查找规则：
// 1.找项目根目录中有没有node_modules的文件夹
// 2.在node_modules中 根据包名，找对应的 vue 的文件夹
// 3.在 vue 文件夹中，找  一个叫做 package.json 的包配置文件夹
// 4.在 package.json 文件中，查找 一个 main 属性 （main属性指定了这个包在被加载的时候的入口文件）

// var login = {
//     template:'<h1>这是login组件，是使用网页中形式创建出来的组件</h1>'
// }

// 1.导入 login 组件
import login from "./login.vue";
// 默认，webpack 无法打包 .vue文件，需要安装相关的loader;
// cnpm i vue-loader vue-template-compiler -D
// 在配置文件中，新增loader配置项 {test:/\.vue$/,use:'vue-loader'}
var vm = new Vue({
    el:'#app',
    data:{
        msg:'123'
    },
    // components:{
    //     login
    // }
    render:function (createElements) {
        return createElements(login)  // 在webpack中，如果想要通过vue,把一个组件放到页面中去展示，vm实例中的render可以实现
    }
    // render: c => c(login)
})


import m1,{ title } from './test.js'
console.log(m1)
console.log(title)